<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</h:head>

<h:body>
	<ui:composition template="/WEB-INF/facelets/template.xhtml">

		<ui:define name="body">
			<f:view>
				<p:ajaxStatus onstart="PF('statusDialog').show()"
					onsuccess="PF('statusDialog').hide()" />
				<p:dialog modal="true" widgetVar="statusDialog" header="Loading"
					draggable="false" closable="false">
					<p:graphicImage
						value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/ajaxloadingbar.gif" />
				</p:dialog>
				<h:form id="frm">

					<p:panel id="panelDataTableUsuario" header="UsuarioData">
						<p:growl id="men" />
						<p:dataTable value="#{usuarioView.data}" var="usuario"
							paginator="true" rows="5">
							<p:column filterBy="#{usuario.usu}" sortBy="#{usuario.usu}">
								<f:facet name="header">
									<h:outputText value="Usuario" />
								</f:facet>
								<h:outputText value="#{usuario.usu}" />
							</p:column>

							<p:column filterBy="#{usuario.contra}" sortBy="#{usuario.contra}">
								<f:facet name="header">
									<h:outputText value="Contraseña" />
								</f:facet>
								<h:outputText value="#{usuario.contra}" />
							</p:column>

						

							<p:column filterBy="#{usuario.fechaUltimoIngreso}"
								sortBy="#{usuario.fechaUltimoIngreso}">
								<f:facet name="header">
									<h:outputText value="Fecha Ultimo Ingreso" />
								</f:facet>
								<h:outputText value="#{usuario.fechaUltimoIngreso}" />
							</p:column>

							

							<p:column filterBy="#{usuario.idestudiante_Estudiante}"
								sortBy="#{usuario.idestudiante_Estudiante}">
								<f:facet name="header">
									<h:outputText value="Identificacion Estudiante" />
								</f:facet>
								<h:outputText value="#{usuario.idestudiante_Estudiante}" />
							</p:column>

							<p:column filterBy="#{usuario.idfacultad_Facultad}"
								sortBy="#{usuario.idfacultad_Facultad}">
								<f:facet name="header">
									<h:outputText value="Identificacion Facultad" />
								</f:facet>
								<h:outputText value="#{usuario.idfacultad_Facultad}" />
							</p:column>

							<p:column filterBy="#{usuario.idprograma_Programa}"
								sortBy="#{usuario.idprograma_Programa}">
								<f:facet name="header">
									<h:outputText value="Identificacion Programa" />
								</f:facet>
								<h:outputText value="#{usuario.idprograma_Programa}" />
							</p:column>

							<p:column filterBy="#{usuario.iduniversidad_Universidad}"
								sortBy="#{usuario.iduniversidad_Universidad}">
								<f:facet name="header">
									<h:outputText value="Identificacion Universidad" />
								</f:facet>
								<h:outputText value="#{usuario.iduniversidad_Universidad}" />
							</p:column>

							<p:column headerText="Opciones">
								<p:commandButton id="btnEdit" icon="ui-icon-pencil"
									update=":dialogUsuario"
									actionListener="#{usuarioView.action_edit}">
									<f:attribute name="selectedUsuario" value="#{usuario}" />
								</p:commandButton>
								<p:commandButton id="btnDelete" title="Eliminar"
									actionListener="#{usuarioView.action_delete_datatable}"
									onclick="if(!confirm('Do you really want to delete this Entry?')){return false;}"
									icon="ui-icon-trash" update="@form">
									<f:attribute name="selectedUsuario" value="#{usuario}" />
								</p:commandButton>
							</p:column>
						</p:dataTable>
					</p:panel>
					<p:panel id="panelBoton">
						<div align="center">
							<p:commandButton id="btnNew" value="Nuevo"
								action="#{usuarioView.action_new()}" update=":dialogUsuario" />
						</div>
					</p:panel>
				</h:form>
				<p:dialog id="dialogUsuario" appendTo="@(body)" draggable="true"
					closable="false" visible="#{usuarioView.showDialog}"
					resizable="false" modal="true" width="500">
					<h:form id="formDialog">
						<p:messages id="msg" />
						<p:panel id="panelUsuario" header="Usuario">
							<h:panelGrid columns="2" id="panelGrid">
								
								<h:outputText id="msgUsu" value="Usuario" />
								<p:inputText id="txtUsu" binding="#{usuarioView.txtUsu}">
									<p:ajax update=":dialogUsuario"
										listener="#{usuarioView.listener_txtId}" />
								</p:inputText>

								<h:outputText id="msgContra" value=" Contraseña" />
								<p:inputText id="txtContra" disabled="true"
									binding="#{usuarioView.txtContra}" />
								
								
								<h:outputText id="msgIdestudiante_Estudiante"
									value=" Identificacion Estudiante" />
								<p:inputText id="txtIdestudiante_Estudiante" disabled="true"
									binding="#{usuarioView.txtIdestudiante_Estudiante}" />
								
								<h:outputText id="msgIdfacultad_Facultad"
									value=" Identificacion Facultad" />
								<p:inputText id="txtIdfacultad_Facultad" disabled="true"
									binding="#{usuarioView.txtIdfacultad_Facultad}" />
								
								<h:outputText id="msgIdprograma_Programa"
									value=" Identificacion Programa" />
								<p:inputText id="txtIdprograma_Programa" disabled="true"
									binding="#{usuarioView.txtIdprograma_Programa}" />
								
								<h:outputText id="msgIduniversidad_Universidad"
									value=" Identificacion Universidad" />
								<p:inputText id="txtIduniversidad_Universidad" disabled="true"
									binding="#{usuarioView.txtIduniversidad_Universidad}" />

								
							</h:panelGrid>
						</p:panel>
						<p:panel id="panelBotones">
							<div align="center">
								<p:commandButton id="btnSave" binding="#{usuarioView.btnSave}"
									value="Save" action="#{usuarioView.action_save()}"
									update=":dialogUsuario :frm:panelDataTableUsuario" />
								<p:commandButton id="btnClear" value="Clear"
									action="#{usuarioView.action_clear()}" update=":dialogUsuario" />
								<p:commandButton id="btnExit" value="Exit"
									action="#{usuarioView.action_closeDialog()}"
									update=":dialogUsuario" />
							</div>
						</p:panel>
					</h:form>
				</p:dialog>
			</f:view>
		</ui:define>
	</ui:composition>
</h:body>
</html>
